<template>
	<tn-tabbar height="110rpx" :inactive-color="Inactive_color" fixed switch-animation 
	:active-color="Subject_color"
		v-model="state.current" icon-size="27px" font-size="22rpx">
		<tn-tabbar-item v-for="(item, index) in tabbarData" :key="index" :icon="item.icon" 
		:active-icon="item.icon" :text="item.name" />
	</tn-tabbar>
</template>

<script setup lang="ts">
	import { allocationFun } from './src';
	import { Subject_color, Inactive_color } from '@/utils/constant';
	import { global } from '@/store';
	const { state } = global();
	const { tabbarData } = allocationFun();
</script>